/*������ʽ��*/
/*
���ڴ�������޸������������ʽ -- ���ڵ���ͨ��ҳ��
�����޸� :root �еĲ���
*/
:root {
    /*���ݲ�ͬ͸����Ԥ�ȶ������ɫ 10% - 100% */
    --pellucidity-One: #0087FA1a;
    --pellucidity-Two : #0087FA33;
    --pellucidity-Three : #0087FA4d;
    --pellucidity-Four : #0087FA66;
    --pellucidity-Five : #0087FA80;
    --pellucidity-Six : #0087FA99;
    --pellucidity-Seven : #0087FAb3;
    --pellucidity-Eight : #0087FAcc;
    --pellucidity-Nine : #0087FAe6;
    --pellucidity-Ten : #0087FAff;
}


.layui-table {color: #142A48}
.layui-table thead tr {background-color: #0087fa66 !important; height:38px}

/* .layui-table[lay-even] tr:nth-child(even) {background-color: var(--pellucidity-One);} */
/* .layui-table[lay-even] tr:nth-child(even) {background-color: #ffffff;} */

.layui-table-cell {color: #142A48; height:32px; line-height:32px; padding: 1px 0 !important;}
.layui-icon-close-fill:hover {color: #ff0000;}
.layui-input {margin: 0;}
.layui-input:focus, .layui-textarea:focus { border: solid 1px; border-color: #ff8080 !important;}
.layui-input, .layui-select, .layui-textarea {height: 30px !important;}
.layui-select-disabled .layui-disabled {background: #ffffff!important; color: black!important;}
.layui-panel {border-width: 0 !important;}
.layui-table-view {margin: 0 !important;}
.layui-select-title .layui-unselect {background-color: var(--pellucidity-One);}
.layui-btn-xs {height: 24px;line-height: 24px;padding: 0 5px;font-size: 14px;}
.layui-btn-xs i {font-size: 14px !important;}
.layui-tab {margin: 0 !important;}
.layui-tab-content {padding: 0 !important;}
.ys-input-table {height: 30px; background-color: var(--pellucidity-One) !important;}

.ys-grid-btn-add{
	padding-left: 15px;
	padding-right: 15px;
	height: 28px;
	line-height: 28px;
	color: #1890ff;
	background: #e8f4ff;
	border-color: #a3d3ff;
}
.ys-grid-btn-add:hover {
	background: #1890ff !important;
	border-color: #1890ff !important;
	color: #fff !important;
}

.ys-grid-btn-edit{
	padding-left: 15px;
	padding-right: 15px;
	height: 28px;
	line-height: 28px;
    color: #16B777;
    background-color: #e7faf0;
    border-color: #16B777;
}
.ys-grid-btn-edit:hover {
	background: #16B777 !important;
	border-color: #16B777 !important;
	color: #fff !important;
}

.ys-grid-btn-warn{
	padding-left: 15px;
	padding-right: 15px;
	height: 28px;
	line-height: 28px;
	color: #FFAC00;
	background-color: #FFF2D1;
	border-color: #FFAC00;
}
.ys-grid-btn-warn:hover {
	background: #FFAC00 !important;
	border-color: #FFAC00 !important;
	color: #fff !important;
}

.ys-grid-btn-delete{
	padding-left: 15px;
	padding-right: 15px;
	height: 28px;
	line-height: 28px;
    
    background-color: #ffeded !important;
    border-color: #ffb6b6 !important;
    color: #ff4949 !important;
}
.ys-grid-btn-delete:hover {
    
    background-color: #ff4949 !important;
    border-color: #ff4949 !important;
    color: #fff !important;
}

